<template>
  <div class="drop-down-list">
    <van-dropdown-menu>
      <van-dropdown-item v-model="value" :options="list" />
    </van-dropdown-menu>
  </div>
</template>

<script>
export default {
  name: "DropDownList",
  data() {
    return {
      value: 0,
      list: [
        { text: "长沙市", value: 0 },
        { text: "北京", value: 1 },
        { text: "上海", value: 2 }
      ]
    };
  },
  //   父传子下拉数据列表
  //   props: ["list"],
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss">
.searsel {
  border: none;
  background-color: #3f51b5;
  outline: none;
  color: rgba(255, 255, 255, 100);
  position: absolute;
  top: 50%;
  font-size: 28px;
  transform: translateY(-50%);
}
.search {
  margin-top: 15px;
}
</style>
